<template>
  <view class="box">
    <view class="box1">
      <uv-icon name="arrow-left" color="#fff" @click="back"></uv-icon>
      <view class="box11">购物车</view>
    </view>
    <view class="box2" v-for="item in 2">
      <view class="box2-top">
        <image src="../../static/image/陈喜喜.jpg" mode=""></image>
        <view style="color: #a3a3a3;">博士爱订货商城</view>
      </view>
      <view class="list" v-for="item in 2">
        <view class="group">
          <uv-radio-group>
            <uv-radio name="2" activeColor="#008c8c"></uv-radio>
          </uv-radio-group>
        </view>
        <view class="all">
          <view class="all-left">
            <image src="../../static/logo.png" mode=""></image>
          </view>
          <view class="all-right">
            <view class="all-top">
              <view class="all-top1">[全新小黑瓶]淡纹大师玫瑰润养</view>

            </view>
            <view class="all-bottom">
              <view style="font-weight: bold;">￥336</view>
              <view> <uv-number-box v-model="value" @change="valChange"></uv-number-box>
              </view>
            </view>
          </view>
        </view>

      </view>
    </view>
    <!-- 底部 -->
    <view class="footer">
      <view class="footer1">
        <uv-radio-group>
          <uv-radio :name="1232" activeColor="#008c8c"></uv-radio>全选
        </uv-radio-group>合计:<text style="color: red;">￥23</text>
      </view>
      <view class="footer2">
        <button class="but1">删除</button>
        <button class="but">去结算</button>
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  const value = ref(0)

  function valChange(e) {
    console.log('当前值为: ' + e.value)
  }
  const back = (() => {
    uni.navigateBack({
      delta: 1, // 返回1个，如果是2，返回2个页面
    });
  })
</script>

<style lang="scss">
  @import url("gouwuche.scss");
</style>